.example-tree-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.example-tree-output {
  padding: 10px;
  margin-bottom: 16px;
  border: 1px solid var(--mat-sys-outline);
  border-radius: var(--mat-sys-corner-extra-small);
}

.example-tree {
  padding: 10px;
  border: 1px solid var(--mat-sys-outline);
  border-radius: var(--mat-sys-corner-extra-small);
}

.example-tree-item {
  cursor: pointer;
  user-select: none;
  list-style: none;
}

.example-tree-item[aria-selected='true'] {
  background-color: var(--mat-sys-inverse-primary);
}

.example-tree-item[aria-selected='false'] {
  background-color: var(--mat-sys-background);
}

.example-tree-item[aria-disabled='true'] {
  background-color: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface-variant);
}

.example-tree-item-content {
  display: flex;
  align-items: center;
  padding: 2px 0; /* Minimal padding for item itself */
}

.example-tree-item-icon {
  margin-right: 8px;
}
